<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			.heart{
				font-size: 10px;
				width: 12em;
				position: relative;
				display: flex;
			}
			.heart::before, .heart::after{
				content: '';
				position: relative;
				width: 6em;
				height: 10em;
				border-radius: 3em 3em 0 0;
			}
			.heart:nth-child(1)::before{
				background-color: hsl(0, 79%, 72%, 0.8);
			}
			.heart:nth-child(1)::after{
				background-color: hsl(90, 79%, 72%, 0.8);
			}
			.heart::before{
				transform-origin: right bottom;
				transform: rotate(45deg);
			}
			.heart::after{
				transform-origin: left bottom;
				transform: rotate(-45deg);
			}
		</style>
	</head>
	<body>
		<figure class="heart"></figure>
	</body>
</html>
